<!DOCTYPE html>
<html>
<style>
    .page-group.page-current, .page.page-current{overflow: scroll!important}
    .content{position: relative!important;top:0!important;}
    .bar-tab{position: fixed!important}


    .index{
        width: 750px;
        margin: 0 auto;
    }

    @media screen and (min-width: 750px) {
        index{
            width: 100%;
            margin: 0 auto;
        }

    }


</style>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>艾视界</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/H5/css/sm.min.css">
    <link rel="stylesheet" href="/H5/css/malltwo.css?v=20190513">
    <style>
        .card:nth-child(odd){left:2%!important;}
    </style>
</head>
<body bgcolor="#4096f8">
<div class="page-group ms-controller" :controller="index">
    <div class="index">

        <div class="content visibility" style="background-color: white">
            <div class="card-header"> {{index_name}}</div>
            <div class="card-content">
                <div class="card-content-inner"></div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='/H5/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/avalon.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/simpleStorage.js' charset='utf-8'></script>
<script type='text/javascript' src='/H5/js/mall.js?v=10' charset='utf-8'></script>
<script>
    var timer;
    var index = avalon.define({
        $id: "index",
        loading: false,

        index_name: '',
        index_doc: '',
        getNews: function () {

            Mall.request("/api/IndexDoc", {})
                    .always(function (data) {
                        if (data.error_code == 0) {
                            index.index_name = data.data.index_name;
                            index.index_doc = data.data.index_doc;
                            $( ".card-content-inner" ).append( data.data.index_doc );
                            $( ".content" ).removeClass( "visibility" );
                        }
                    })
        }
    })
    index.getNews();

</script>
</body>
</html>